#include("./layout.html")
#@layout()

#define script()
<script src="/static/components/jquery/jquery.form.min.js"></script>
#end


#define content()
<div class="col-md-9 cl-left">
    <div class="cl-artical-content">
        <h2 class="cl-artical-title">#(article.title)</h2>



        <div class="cl-card-tag">
            <div><span>#(article.view_count ?? 0)</span>人浏览 / <span>#(article.comment_count ?? 0)</span>人评论 / <span><a href="javascript:;" onclick="addArticleToFavorite('#(article.id)')"><i class="fa fa-heart-o"></i> 添加收藏</a></span></div>
        </div>
        <div class="cl-artical">
            #(article.content)
        </div>
    </div>


    #relevantArticles(article)
    <div class="recommend-panel">
        <h4 class="right-card-title">相关文章</h4>
        <div class="card-deck">

            #for(article :relevantArticles )
            <div class="card card-outlinell-panel">
                <a class="recommend-panel-link" href="#(article.url ??)">
                    <div class="recommend-panel-top">
                        <img src="#(article.showImage ?? 'temporary-img/list-image1.jpg')" class="img-fluid"
                             alt="#(article.title ??)">
                    </div>
                    <div class="recommend-panel-bottom">
                        #(article.title ??)
                    </div>
                </a>
            </div>
            #end

        </div>
    </div>
    #end


    #@defaultArticleCommentPage()

</div>

<div class="col-md-3 cl-right">
    #include("_rightbar.html")

</div>
#end